<template>
  <div class="personal">
    <div v-if="userinfoShow">
    <shouQuan @userinfoChange="getchilduserinfo(arguments)"></shouQuan>
    </div>
    <div class="top">
      <div class="userinfo" >
        <!-- 取userinfo变量中的avatarUrl字段，也就是微信头像的链接 -->
        <img :src="userinfo.avatarUrl" alt="">
      </div>
      <div class="name">
        <!-- 取userinfo变量中的nickName字段，也就是微信昵称 -->
        <label>{{userinfo.nickName}}</label>
        <p class="notice">{{quote}}</p>
      </div>
    </div>
    <van-cell title="我的简历" is-link value="未完善" @click="toResume"></van-cell>
    <van-cell title="我的收藏" is-link @click="toCollect"/>
    <van-cell title="我的订单" is-link @click="toOrder"/>
    <van-cell title="实名认证" is-link value="未认证" @click="toId"/>
    <van-cell title="我是商家" is-link @click="toMerchant"/>
    <van-cell title="帮助与反馈" is-link @click="toHelp"/>

  </div>
</template>

<script>

  import shouQuan from '../../components/shouQuan/shouQuan.vue'
export default {
  components: {
    shouQuan
  },
  data () {
    return {
        userinfo: {},
      userinfoShow: false,
      quote: ""
      }
    },
  onShow(){
    this.rankArray();
      const userinfo = wx.getStorageSync("userinfo")
      if(userinfo){
        console.log(userinfo)
        this.userinfo = userinfo
        this.userinfoShow = false
        this.rankArray();
        console.log("userinfo")
      }else{
        this.userinfoShow = true
        console.log('userinfoShow')
      }
    },

  methods: {
    rankArray () {
      //Math.random()会生成0-1之间的小数，比如0.48204242025855937
      var a = Math.random() + ""
      //a.charAt(5)取a这个字符串的第6位数，能保证rand1为0-9之间的随机数
      var rand1 = a.charAt(5)
      //创建一个数组对象
      var quotes = new Array
      //将10个励志语句放到数组中
      quotes[1] = '不奋发，则心日颓靡；不检束，则心日恣肆'
      quotes[2] = '自制是一种秩序，一种对于快乐与欲望的控制'
      quotes[3] = '哪怕一点小小的克制，也会使人变得强而有力'
      quotes[4] = '做一个自律的人，像优秀的人学习，然后做好自己'
      quotes[5] = '真正的自由是在所有时候都能控制自己'
      quotes[6] = '每天爱自己多一点！！！'
      quotes[7] = '如果连自己都不能控制，有什么资格去谈自己想要的'
      quotes[8] = '登峰造极的成就源于自律'
      quotes[9] = '自我控制是最强者的本能'
      quotes[0] = '立志言为本，修身行乃先'
      //根据随机数rand1，在数组中找出随机语句，并赋值到quote上面
      this.quote = quotes[rand1]
    },
    getchilduserinfo(argu){
      this.userinfoShow= argu[0]
      this.userinfo = wx.getStorageSync("userinfo")
    },
    toResume(){
      wx.navigateTo({
        url: "/pages/resume/main"
      })
    },
    toCollect(){
      wx.navigateTo({
        url: "/pages/collect/main"
      })
    },
    toOrder(){
      wx.navigateTo({
        url: "/pages/order/main"
      })
    },
    toId(){
      wx.navigateTo({
        url: "/pages/id/main"
      })
    },
    toMerchant(){
      wx.showModal({
        title: '提示',
        content: '请移步商家版微信小程序（搜索"Hey！Job商家版"）进行认证！',
        success (res) {
          if (res.confirm) {
            console.log('用户点击确定')
          } else if (res.cancel) {
            console.log('用户点击取消')
          }
        }
      })
    },
    toHelp(){
      wx.navigateTo({
        url: "/pages/help/main"
      })
    },

    }


  }



</script>

<style lang="stylus" rel="stylesheet/stylus">
.personal
  .top
    height 80px
    width 100%
    background #1296DB
    padding-top 30px
    display block
    .userinfo
      padding-bottom 5px
      float left
      img
        width 120rpx
        height 120rpx
        margin 10rpx
        border-radius 90rpx
        border 1px #D0D0D0 solid
    .name
      padding-top 30px
      padding-left 5px
      color #FFFFFF
      font-size 16px
      float left
      .notice
        color #D8D8D8
        font-size 12px
  van-cell
    display block
    height  130rpx
</style>
